﻿@{
    ViewBag.Title = "Details";
    Layout = "~/Views/Shared/_LayoutHome.cshtml";
}


<!--[Phần nội dung]-->
<style type="text/css">
    .menutrai {
        width: 7%;
        height: 100%;
        /*background: red;*/
        float: left;
    }

    .menugiua {
        width: 40%;
        height: 100%;
        /*background: blue;*/
        float: left;
    }

    .menuphai {
        width: 35%;
        height: 100%;
        /*background: black;*/
        float: left;
        margin-left: 1%;
    }

    .menuphai_phai {
        width: 12.5%;
        height: 100%;
        /*background: yellow;*/
        float: left;
    }
    #liImageButton {
        border-top: solid;
        border-left: solid;
        border-right: solid;
        border-color: #F5FFFA;
    }
        #liImageButton:hover {
            border: solid;
            border-color: blue;
        }
    #liImageButton_end {
        border: solid;
        border-color: #F5FFFA;
    }
        #liImageButton_end:hover {
            border: solid;
            border-color: blue;
        }
    .viengiua:hover {
        border: solid;
        border-color: #228B22;
    }
    #mausanpham{
        background:red;
        height:50px;
    }
</style>
<div class="menutrai">
    
    <ul id="scroller" class="clearfix simply-scroll-list" style="padding-left: 0px; height: 450px;">
        <li id="liImageButton">
            <a href="#" rel="{gallery: 'gal1', smallimage: 'http://www.forever21.com/images/1_front_330/00100069-02.jpg',largeimage: 'http://www.forever21.com/images/1_front_750/00100069-02.jpg'}">
                <img  src="../Images/product/00100069-02.jpg" width="100%" height="100%">
            </a>
        </li>
        <li id="liImageButton">
            <a href="#" rel="{gallery: 'gal1', smallimage: 'http://www.forever21.com/images/2_side_330/00100069-02.jpg',largeimage: 'http://www.forever21.com/images/2_side_750/00100069-02.jpg'}">
                <img  src="../Images/product/00100069-02(1).jpg" width="100%" height="100%">
            </a>
        </li>
        <li id="liImageButton">
            <a href="#" rel="{gallery: 'gal1', smallimage: 'http://www.forever21.com/images/3_back_330/00100069-02.jpg',largeimage: 'http://www.forever21.com/images/3_back_750/00100069-02.jpg'}">
                <img  src="../Images/product/00100069-02(2).jpg" width="100%" height="100%">
            </a>
        </li>
        <li id="liImageButton">
            <a href="#" rel="{gallery: 'gal1', smallimage: 'http://www.forever21.com/images/4_full_330/00100069-02.jpg',largeimage: 'http://www.forever21.com/images/4_full_750/00100069-02.jpg'}">
                <img  src="../Images/product/00100069-02(3).jpg" width="100%" height="100%">
            </a>
        </li>
        <li id="liImageButton_end">
            <a href="#" rel="{gallery: 'gal1', smallimage: 'http://www.forever21.com/images/7_additional_330/00100069-02.jpg',largeimage: 'http://www.forever21.com/images/7_additional_750/00100069-02.jpg'}">
                <img src="../Images/product/00100069-02(6).jpg" width="100%" height="100%">
            </a>
        </li>
    </ul>
</div>
<!---zoom-->
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="~/Content/zoom/imagezoom.js"></script>

<div class="menugiua">
    <img src="http://www.forever21.com/images/default_750/00100069-02.jpg" width="100%" height="50%" class="viengiua" data-imagezoom="true">

</div>

<div class="menuphai">
    <style type="text/css">
        .tensanpham {
            font-size: 15pt;
            margin-top: 3%;
            font-weight: bold; 
            white-space: inherit; 
            line-height:1.5; 
        }
        .giasanpham{
            font-size: 13pt;
            color:red;
            font-weight:bold;
            margin-top:10%;
        }
        .giasanpham h1{
            font-size:13pt;
            color: black;
        }
        .themgiohang
        {
            margin-top:10%;
        }
        .thongtinsanpham {
            margin-top: 8%;
            width: 100%;
            height: 100%;
           
            /*background:blue;
                border: solid;
            border-width: 1px;
                */
        }
        .tieude {
            color: black;
            font-weight: bold;
            font-style: italic;
            font-size: 13pt;
            width: 50%;
            height: 100%;
            /*background:white;*/
            margin-top: 5%;
        }
        .noidung_thongtin {
            width:100%;
            height:100%;
            line-height:1.5;
            color:black;
            font-size:12pt;
            font-style:italic;
            margin-top:5%;
        }
    </style>
    <!--Hiển thị tên sản phẩm-->
    <div class="tensanpham">
        
        <span>Áo phông nữ hàn quốc</span>
    </div>
    <div class="giasanpham">
        <h1>Giá Bán:</h1>
        <span> 100.000.000 vnđ</span>
    </div>
   

   <!--them vao gio hang-->
    <div class="themgiohang">
        <input type="image" name="" id="ctl00_MainContent_ibtnAddBag" src="http://www.forever21.com/images/en/common/ADD-TO-BAG-PINK.jpg" align="absmiddle" onclick="" style="border-width:0px;">
        
    </div>
    <!--them vao gio hang end-->

    <!--Miêu ta sản phẩm begin-->
    <div class="thongtinsanpham">
        <div class="tieude">Thông tin sản phẩm</div>
        <div class="noidung_thongtin"></div>
        1.Áo nữ có nhiều màu sắc khác nhau.<br />
        2.Kích cỡ: S,SM, M, XL, XXL, XXXL.<br />
        3.
    </div>
    <!--Miêu ta sản phẩm end-->
  
</div>

<!--[Kết thúc phần nội dung]-->